<template>
  <div>
    <van-tabbar route active-color="red" inactive-color="#333">
      <van-tabbar-item icon-prefix="icon" icon="hua" to="/home">首页</van-tabbar-item>
      <van-tabbar-item icon-prefix="icon"  icon="fenlei" to="/cates">分类</van-tabbar-item>
      <van-tabbar-item icon-prefix="icon"  icon="zuojidianhuatongxinlianxibodaxianxing" to="/phone">电话</van-tabbar-item>
      <van-tabbar-item icon-prefix="icon"  icon="gouwuche" to="/carts" :badge="$store.state.cart.items.length || '' ">购物车</van-tabbar-item>
      <van-tabbar-item icon-prefix="icon"  icon="wode" to="/user">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<style scoped>
div{
  z-index: 11;
}
</style>
